import React, { Component } from 'react'
// props校验使用:
// 1. 引入校验规则:
import PropTypes from 'prop-types' //注意:无需下载,脚手架下载好了,只要引入
class List extends Component {
  // static propTypes = {}
  // static defaultProps = {}
  render() {
    return (
      <ul>
        {this.props.list.map((item, index) => {
          return <li key={index}>{item}</li>
        })}
      </ul>
    )
  }
}

//  List组件需要使用list属性,所以给List组件添加props校验
List.propTypes = {
  list: PropTypes.array.isRequired,
}

// 给List组件的list属性添加默认值
List.defaultProps = {
  list: ['大傻子', '要加一个list属性啊', '值是数组啊'],
}

export default List
